import { globalIgnores } from 'eslint/config'
import {
  defineConfigWithVueTs,
  vueTsConfigs,
} from '@vue/eslint-config-typescript'
import pluginVue from 'eslint-plugin-vue'
import pluginVitest from '@vitest/eslint-plugin'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'

// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
// import { configureVueProject } from '@vue/eslint-config-typescript'
// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup

export default defineConfigWithVueTs(
  {
    name: 'app/files-to-lint',
    files: ['**/*.{ts,mts,tsx,vue}'],
  },

  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),

  pluginVue.configs['flat/recommended'],
  vueTsConfigs.recommended,
  {
    ...pluginVitest.configs.recommended,
    files: ['src/**/__tests__/*'],
  },

  {
    rules: {
      'vue/no-undef-components': [
        'error',
        {
          ignorePatterns: ['el-'],
        },
      ], // 禁止使用未定义的组件，Element Plus 组件前缀 el- 放行
      'vue/no-unused-emit-declarations': ['error'], // 禁止定义未使用的 emit 事件
      'vue/no-unused-refs': ['error'], // 禁止定义未使用的 ref 引用
      'vue/prefer-separate-static-class': ['error'], // 静态 class 与动态 :class 分开写
      'vue/prefer-use-template-ref': ['error'], // 使用 useTemplateRef 而不是 ref/shallowRef 来处理模板引用
      'vue/no-restricted-custom-event': [
        'error',
        {
          event: 'input',
          message:
            "If you intend a prop for v-model, it should be 'update:modelValue' in Vue 3.",
          suggest: 'update:modelValue',
        },
      ], // 禁止使用特定的自定义事件名
      'vue/no-restricted-v-bind': [
        'error',
        {
          argument: '/^v-/',
          message:
            'Using `:v-xxx` is not allowed. Instead, remove `:` and use it as directive.',
        },
      ], // 禁止在 v-bind 中使用特定参数

      'vue/no-static-inline-styles': [
        'error',
        {
          allowBinding: false,
        },
      ], // 禁止在模板中使用内联样式

      'vue/no-template-target-blank': [
        'error',
        {
          allowReferrer: true,
          enforceDynamicLinks: 'always',
        },
      ], // 在带有 target="_blank" 的 <a> 标签上禁止使用不安全的链接
      'vue/no-unsupported-features': [
        'error',
        {
          version: '^3.5.22',
        },
      ], // 禁止使用当前 Vue 版本不支持的语法或 API

      'vue/multi-word-component-names': [
        'error',
        {
          ignores: ['index'],
        },
      ], // 要求组件名中包含多个单词 除了index.vue
    },
  },
  skipFormatting,
)
